.upload-tip {
  color: #8492a6;
  font-size: 12px;
  margin-top: 7px;
}
.demo-block {
  margin-bottom: 24px;

  .upload-demo {
    width: 360px;
  }
  .demo-upload-tip {
    margin-top: 5px;
  }

  .el-upload-box {
    display: flex;
    align-items: center;

    .el-upload__tip {
      margin-left: 16px;
      color: #999;
    }
  }
  .avatar-uploader {
    .#{$namespace}-upload {
      border: 1px dashed #d9d9d9;
      // border-radius: 6px;
      border-radius: 2px;
      background: #f7f8fb;
      cursor: pointer;
      position: relative;
      overflow: hidden;

      &:hover,
      &:focus {
        border-color: #409eff;
      }
    }
    .avatar-uploader-icon {
      font-size: 28px;
      color: #8c939d;
      // width: 178px;
      // height: 178px;
      // line-height: 178px;
      width: 112px;
      height: 112px;
      line-height: 112px;
      text-align: center;
    }
    .avatar {
      // width: 178px;
      // height: 178px;
      width: 112px;
      height: 112px;
      display: block;
    }
  }
}
